$(() => {
	// 分类初始化
	(init_category => {
		$.ajax({
			url: `/admin/category/list`,
			success: res => {
				// console.log(res.data)
				if (res.code !== 200) {
					layer.msg(res.msg, {
						time: 1500
					})
					return
				}
				$('#category').append(template('type', {
					data: res.data
				}))
			}
		})
	})();
	// 时间选择器
	(init_date => {
		layui.use('laydate', () => {
			const laydate = layui.laydate
			laydate.render({
				elem: '#articleDate', //指定元素
				type: 'datetime'
			})
		})
	})();
	// 富文本框
	tinymce.init({
		selector: '#articleContent',
		language: 'zh_CN',
	})


	// 发布
	$('.btn.btn-success.btn-edit').click(() => {
		submit('已发布')
	})
	// 存为草稿
	$('.btn.btn-default.btn-draft').click(() => {
		submit()
	})


	// 图片
	$('#inputCover').change(function() {
		// console.log($(this)[0])
		// 生成本地临时路径
		const url = URL.createObjectURL(this.files[0])
		// console.log(url)
		$('#coverimg').prop('src', url)
	})


})
// 提交函数（修改和新增）
function submit(str, id) {
	// 请求参数处理
	const data = {
		title: $('#inputTitle').val().trim(),
		cover: $('#inputCover')[0].files[0],
		categoryId: $('#category').val().trim(),
		date: $('#articleDate').val().trim(),
		// 获取富文本框内容
		content: tinyMCE.editors['articleContent'].getContent(),
		state: str ? str : '',
		// 修改文章所需id
		id: id ? id : ''
	}
	const url = id ? '/admin/article/edit' : '/admin/article/publish'
	// FormData对象
	const fd = new FormData()
	console.log(data)
	for (let key in data) {
		fd.append(key, data[key])
	}
	$.ajax({
		type: "post",
		url: url,
		data: fd,
		contentType: false,
		processData: false,
		success: res => {
			console.log(res)
			if (res.code !== 200) {
				layer.msg(res.msg, {
					time: 1500
				})
				return
			}
			layer.msg(res.msg, {
				time: 1500
			}, () => {
				location.assign('./article_list.html')
			})
		}
	})
}
